@charset "utf-8";
/*<=1023px*/
@media screen and (max-width:1023px)
{
	
	header .logo{width:76%; margin:0; text-align:left; padding-left:2%;}
	header .wapnav{display:block; width:15%; margin-top:25px;}	
	header .wapnav img{padding:10px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
	header .wapnav img:hover{background-color:#dedede; }	
	
	header .headerright{width:100%; display:none;}
	.bannerwrap .banner .mask span{height:350px; }
	.bannerwrap{ margin:120px auto 0 auto;}
	
	.mainnav{display:none; margin-bottom:0px;}
	.mainnav a{width:98%; padding-left:2%; text-align:left; line-height:45px;}
	.position{display:none;}
	.positioninfo{display:none;}
	

	.info_list{ padding:20px 0 0 0; overflow:hidden;}
	.info_list ol.head span.title{ width:100%;}
	.info_list ol.head span.views{ display:none; }
	.info_list ol.head span.date{display:none;}
	
	.info_list ol{ overflow:hidden;}
	.info_list ol.info a.title{width:100%; }
	.info_list ol.info span.views{display:none; }
	.info_list ol.info span.date{display:none; }	
	
	.product_list li{ float:left; width:30%; padding:5px 1% 10px 2%; font-size:14px; line-height:21px; text-align:center;}
	
	.imain4 li {float:left; width:21%; text-align:center;}

	.imain2 .cptupian dt{ display:none; background:#eeeeee}
	.imain2 .cptupian dt img{ width:100%;}
	.imain2 .cptupian dd{ width:94%; margin:5% auto}
	.indexgsxw li a{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

	
	
}

@media screen and (max-width:980px)
{

	header .logo{width:60%; margin:0; text-align:left; padding:0 2% 0 0;}
	header .logo img { width:100%;}
	

	footer dl{display:none;}
	footer .banquan{width:100%;}

	.eduimg{height:160px;}
    .mainpage{margin:0 auto 0 auto;}
	.headerbox{position:relative;}
	.bannerwrap .banner .mask span{height:300px;}
	.bannerwrap{margin:0 auto;}	
	
	 header .headerright { display:none;}

	.imainbg4{}
	.imain4{ clear:both; width:98%; margin:0 auto; padding-top:0px; overflow:hidden; }
	.imain4 ul { width:98%; padding-top:20px;}
	.imain4 li { float:left; width:50%; text-align:center;}
	.imain4 .biaoti { font-size:21px; font-weight:bold; line-height:56px;}
	.imain4 p { line-height:23px;}
	


	
	.info_listimg ul li{ float:left; width:49%; padding:5px 1% 5px 2%; text-align:center;}
	.info_view .bigimg img{ width:100%;}
	.product_list li{ float:left; width:46%; padding:5px 1% 10px 3%; font-size:14px; line-height:21px; text-align:center;}	
	

	.imainbg3{ margin:5% auto 0% auto; }
	.imainbg3 .biaoti { height:26px; overflow:hidden;}
}

@media screen and (max-width:768px)
{	
	header .logo{width:76%; margin:0; text-align:left; padding:0 2% 0 0;}
	header .logo img { width:100%;}
	

	footer dl{display:none;}
	footer .banquan{width:100%;}

	.eduimg{height:160px;}
    .mainpage{margin:0 auto 0 auto;}
	.headerbox{position:relative;}
	.bannerwrap .banner .mask span{height:300px;}
	.bannerwrap{margin:0 auto;}	
	
	 header .headerright { display:none;}


	.imainbox .guanjianci{ clear:both; width:100%; margin:0 auto; text-align:center;}
	.imainbox .websearch{clear:both; width:100%; padding-top:5px;}	
	.imainbox .websearch ul{clear:both; width:260px; margin:0 auto; overflow:hidden; }	
	


	.info_listimggugan dt{float:none; width:25%; padding:5px 1% 5px 1%; margin:0 auto; text-align:center;}
	.info_listimggugan dd{float:none; width:96%; padding-top:2%; color:#666; line-height:24px;margin:0 auto;}

	
	
	.protitle { text-align:center; text-transform:uppercase; font-size:23px; font-weight:bold; overflow:hidden; background:url(images/title_bg.png) bottom center no-repeat; height:40px; padding-top:30px; color:#5c5c5c;}
	.protitle a {font-size:23px; color:#e84c3d; font-weight:bold; } 
	.protitle a:hover { color:#FF0000; text-decoration:none;}
	.protitle_text { font-size:14px; text-align:center; line-height:42px;}
	
	.ystitle { text-align:center; text-transform:uppercase; font-size:23px; font-weight:bold; overflow:hidden; background:url(images/title_bg.png) bottom center no-repeat; height:40px; padding-top:0px; color:#5c5c5c;}
	.ystitle a {font-size:23px; color:#e84c3d; font-weight:bold; } 
	.ystitle a:hover { color:#FF0000; text-decoration:none;}
	.ystitle_text { font-size:14px; text-align:center; line-height:42px;}	
		
	.imain2 .cptupian{ clear:both; padding-top:0px;}
	
	.imain1 .honer { display:none;}
	.imain1 .neirong{ margin:0 auto;width:98%; font-size:14px; line-height:24px; color:#555555; padding:0px 0px;  overflow:hidden;}
	.imain1 .neirong p { font-size:14px; clear:both; }
	
	.indexgsxw{ float:none; width:96%; margin:0 auto 2% auto}
	.indexgsxw ul{padding-top:2%; margin:1% auto 3% auto; width:96%; padding-bottom:1%; overflow:hidden}
	.indexgsxw li a{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
	.indexgsxw li span{ width:20%;}





	.imainbg4{}
	.imain4{ clear:both; width:98%; margin:0 auto; padding-top:0px; overflow:hidden; }
	.imain4 ul { width:98%; padding-top:20px;}
	.imain4 li { float:left; width:50%; text-align:center;}
	.imain4 .biaoti { font-size:21px; font-weight:bold; line-height:56px;}
	.imain4 p { line-height:23px;}
	
	.info_listimg ul li{width:46%; padding:5px 1% 5px 2%; text-align:center;}
	
	.info_listimg1 ul li{width:23%; padding:5px 1% 5px 1%; }


	.product_list li{ float:left; width:46%; padding:5px 1% 10px 3%; font-size:14px; line-height:21px; text-align:center;}



	
	.footermenu { display:none;}
	footer dl{ display:none;}
	footer .banquan{ margin:0 auto;width:98%;line-height:21px; color:#ffffff; border:0px; padding:0px;}
	footer .banquan a,footer .banquan a:link,footer .banquan a:visited,footer .banquan a:active{color:#ffffff; text-decoration:none;}
	footer .banquan a:hover{color:#ff0001; text-decoration:underline;}
	.linkbox { display:none;}

}


@media screen and (max-width:640px)
{
	header .logo{width:76%; margin:0; text-align:left; padding:3% 2% 0 0;}
	header .logo img { width:100%;}
	
	header .wapnav{display:block; width:15%; margin-top:20px;}	
	header .wapnav img{padding:10px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
	header .wapnav img:hover{background-color:#dedede; }
	
	.guanjianci  { text-align:center; font-size:14px; padding:15px 20px;}
	.websearch { width:320px;  margin-bottom:5px;}
	.websearch ul li .input {width:200px;}
	
	
	.xinwenimg{ width:100%;}
	.indexgsxw{ float:none; width:96%; margin:0 auto 2% auto}
	.indexgsxw ul{ padding-top:2%; margin:1% auto 3% auto; width:96%; padding-bottom:1%; overflow:hidden}
	.indexgsxw li a{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
	.indexgsxw li span{  width:13%; }


	.imain2 .cptupian{ clear:both; padding-top:20px;}
	.imain2 .cptupian dl{ float:none; clear:both; width:96%; margin-right:0%; margin:3% auto; overflow:hidden;}
	.imain2 .cptupian dt{ width:40%; padding:1% 1% 2% 1%; background:#eeeeee}
	.imain2 .cptupian dt img{ width:100%;}
	.imain2 .cptupian dd{ width:47%;}


	
	.imainbg4{padding-bottom:25px;}
	.imain4{ clear:both; width:98%; margin:0 auto; padding-top:0px; overflow:hidden; }
	.imain4 ul { width:98%; padding-top:0px;}
	.imain4 li { float:left; width:50%; text-align:center;}
	.imain4 li img { width:60%;}
	.imain4 .biaoti { font-size:18px; font-weight:bold; line-height:36px;}
	.imain4 p { line-height:21px; font-size:12px; padding:0px 2px}
	
	.imainbg5 .jianzhang{float:none; width:96%; margin:5% auto;}
	.imainbg5 .jianzhang .wenzi a{font-size:35px;}
	.imainbg5 .jianzhang .wenzi span{ font-size:40px; color:#e84c3d; display:block}


	.imainbg5 .lianxi{float:none; width:96%; margin:0 auto;}
	.imainbg5 .lianxi .wenzi{ padding:12% 0% 15% 10%; font-size:18px; line-height:35px;}
	.imainbg5 .lianxi .wenzi a{ font-size:18px;}

	
	
	.contact { display:none;}
	
	.info_listimg ul li{width:46%; padding:5px 1% 5px 2%; text-align:center;}
	
	.info_listimg1 ul li{width:31%; padding:5px 1% 5px 1%; }

	/*.index_hd .hd_r ul li{width:85px; height:55px;}*/
	.index_hd .hd_r ul li{width:135px; height:80px;}
	.major-list li .back-face p{margin:32px 0 0 0;}
	.eduimg{height:110px;}
	.about_edulist{width:45%; padding:0 2%;}
	.bannerwrap .banner .mask span{height:250px;}
	.imain2 .cptupian{clear:both; padding-top:20px;}
	.imain2 .cptupian dl{ float:none; clear:both; width:96%; margin-right:0%; margin:3% auto; overflow:hidden;}
	.imain2 .cptupian dt{ width:40%; padding:1% 1% 2% 1%; background:#eeeeee}
	.imain2 .cptupian dt img{ width:100%;}
	.imain2 .cptupian dd{ width:50%;  }
	.imain2 .cptupian dd ul li{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}


	.imain2 .cptupian dt{ display:none; background:#eeeeee}
	.imain2 .cptupian dt img{ width:100%;}
	.imain2 .cptupian dd{ width:94%; margin:2% auto}
	
	.imain2 .cptupian dd .biaoti{font-size:18px; line-height:50px; float:left; width:60%; }
	.imain2 .cptupian dd .more{float:right; width:23%; line-height:50px;}
	

}

@media screen and (max-width:420px)
{
	
.info_listimg1 ul li{width:48%; padding:5px 1% 5px 1%; }

.protitle_text{ display:none}

.indexgsxw .title h3{font-size:20px; padding-left:2.5%;width:28%; }
.indexgsxw .title h3 a{font-size:20px;}
.indexgsxw .title .more{ width:20%;}


.indexgsxw{ float:none; width:96%; margin:0 auto 2% auto}
.indexgsxw ul{padding-top:2%; margin:1% auto 3% auto; width:96%; padding-bottom:1%; overflow:hidden}
.indexgsxw li a{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.indexgsxw li span{ width:20%;}



	.neiyeb{ width:100%; margin:0 auto; height:150px;}

.links{ display:none}
}

@media screen and (max-width:320px)
{

}